<template>
  <div class="portal-header">
    <PortalHeaderCollapseButton/>
    <div class="header-item-wrapper">
      <PortalSetting/>
    </div>
  </div>
</template>
<script setup>
import PortalHeaderCollapseButton from '@/components/portal/PortalHeaderCollapseButton.vue';
import PortalSetting from '@/components/portal/PortalSetting.vue';

defineOptions({name: 'PortalHeader'})
</script>
<style scoped lang="scss">
.portal-header {
  display: flex;
  align-items: center;
  height: 100%;
  flex: 1;
}

.header-item-wrapper {
  flex: 1;
  text-align: right;
  padding-right: 10px;
}
</style>